import React, { Component } from 'react'
import { ReturnHeader } from '../header'
import { helper, config, myFetch } from '../utils'
import { Result, Progress, Button, ListView, } from 'antd-mobile'

export default class MyInviter extends Component {
  render() {
    return (
      <div className="rt-my-inviter">
        <ReturnHeader title="我的邀请人"/>
        <div className="-inviter">
          <span>邀请人</span>
          <span className="-right">飞翔的企鹅</span>
        </div>
        <div className="cm-scrollable-container -body">
          <h3 className="-name">他的项目</h3>
          <ul className="-list">
            <li className="-item">
              <div className="-item-top">
                <div className="-item-show">
                  <div className="-left">
                    <img src={require('../../statics/images/pj01.png')} />
                  </div>
                  <div className="-right">
                    <div className="-title">
                      <strong>
                        Airbnb
                      </strong>
                      <span>
                        阶段: Pre-IPO
                      </span>
                    </div>
                    <p>Airbnb于2008年8月成立于美国旧金山，是一个颠覆传统酒店行业。。。</p>
                    <div className="-price">起投：<span>25万美金</span></div>
                  </div>
                </div>
                <div className="-progress">
                  <Progress percent={76} position="normal" />
                  <span className="-show">76%</span>
                </div>
              </div>
              <div className="-item-bottom">
                <span
                  className="-btn1"
                  onClick={
                    () => {
                      this.onShareClick()
                    }
                  }
                >
                  <img src={require('../../statics/images/icon_share_s.png')} />
                  <em>分享</em>
                </span>
                <span className="-btn2">
                  查看详情
                </span>
              </div>
            </li>
          </ul>
        </div>
      </div>
      )
  }
}